import React,{Component} from 'react';
import {Link,NavLink} from 'react-router-dom';
import Footer from '../page/Footer.js';
import '../../css/reset.css';
import '../../css/myinfo.css';

export default class Index extends Component{
	render(){
		return(
			<div>
				<div id="header">
					<header className="head-top">
						<div className="go-back">
							<Link to="/">
								<i className="goback-icon"></i>
							</Link>
						</div>
						<div className="title">
							<h3>个人中心</h3>
						</div>
						<div className="registertip">
							<Link to="/login">登录/注册</Link>
						</div>
					</header>
					
				</div>
		
				<div id="wrapper">
					<div id="scroller">
					    	<div className="personal-pho">
					    		<div className="personal-img">
					    			<div className="photo-my"></div>
					    			<div className="camera">
					    				<i className="camera-icon"></i>
					    			</div>
					    		</div>
					    	</div>
							<div className="personal-integral"> 
								<div className="integral-tit">
									<h2>您好 游客</h2>
									<p>世界很大，抬脚出去荡~</p>
								</div>
								<div className="intergral-con">
									<div className="con-ticket">
										<p><b>¥</b><strong>50</strong></p>
										<p>红包优惠券</p>
									</div>
									<div className="con-credits">
										<p>1000<span>分</span></p>
										<p>积分</p>
									</div>
								</div>
							</div>
					
							<div className="personal-orderlist">
								<div className="personal-orderlist-t clearfix">
									<ul>
										<li className="orderall">
											<span></span>
											<p>全部订单</p>
										</li>
										<li>
											<span></span>
											<p>代付款</p>
										</li>
										<li>
											<span></span>
											<p>未出行</p>
										</li>
										<li>
											<span></span>
											<p>待点评</p>
										</li>
									</ul>
								</div>
								<div className="personal-orderlist-b">
									<ul>
										<li>
											<b></b>
											<p>我的相册</p>
											<span></span>
										</li>
										<li>
											<b></b>
											<p>我的行程</p>
											<span></span>
										</li>
										<li>
											<b></b>
											<p>我的游记</p>
											<span></span>
										</li>
										<li>
											<b></b>
											<p>我的财富</p>
											<span></span>
										</li>
									</ul>
								</div>
					
							</div>
					</div>
				</div>
		
				<Footer/>
			</div>
		)
	}
}
